
<!DOCTYPE html>
<html lang="en">


<style>
    /*最上面的字*/
    .content-header{
        padding-top: 20px;
        /*margin-left: 100px;*/
        color:black;
        font-size: 16px;
        text-align: center;
    }
    /*右边图标*/
    #iconid{
        color: white;
        border: none;
        /*border-radius: 3px;*/
        /*background-color: #00ca6d;*/
        height: 20px;
        /*width: 100px;*/
        /*font-size: 15px;*/
        padding-top: -4px;
        padding-right: 30px;
        /*margin-bottom: 20px;*/
        float: right;
    }
    /*文本间距*/
    #distance{
        margin-left: 40px;

    }
    /*顶部白色*/
    .white-area{
        background-color: white;
        /*background-size: cover;*/
        height: 60px;
        margin-left: -10px;
    }
    /*顶部颜色*/
    .hreftop{
        color:#000000;
        /*display: inline-block;*/
        text-decoration: none;
    }
    /**/
    .titleimg{
        padding-left: 50px;
        padding-top: 50px;
        width: 10px;
        height: 30px;
        margin-left: -2em;
    }
    .titleword{
        position: absolute;/*绝对路径*/
        display: inline-block;
        padding-left: 15px;
        padding-top: 27px;
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        /* margin: 0; */
        /*top: 51px;*/
    }
    .img_01{
        padding-left: 50px;
        padding-top: 50px;
        width: 365px;
        height: 206px;
    }
    .img_02{
        padding-left: 50px;
        padding-top: 50px;
        width: 640px;
        height: 350px;
    }

</style>



<div class="white-area">
    <section class="content-header" >
        <a href="login" class="hreftop">&nbsp;&nbsp;&nbsp;首页</a>
        <a href="produce_intro" class="hreftop" id="distance" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;产品介绍</a>
        <a href="use_guide" class="hreftop" id="distance">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;使用指南</a>
        <a href="system_intro" class="hreftop" id="distance" style="color: #0b76ac;font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系统介绍</a>
        <img style="display: inline;" id="iconid" src="/images/login/User_icon.png">
    </section>
    <br />
    <hr>

    <body>
    <div style="width: 700px; margin: auto;">

    <img src="/images/login/title.png" class="titleimg" >
    <p class="titleword">软件系统</p>
    <br />
    <img src="/images/login/system_01.png" class="img_01">
    <p style="display: inline ; position: absolute; padding-top: 33px ;padding-left: 10px ; width: 270px;line-height: 150%;text-indent: 2em">
        大创风云大学生创业模拟沙盘在线系统是基于大学生创业模拟沙盘课程开发的辅助操作系统、系统界面简介、操作简易，符合高校教育研究者的操作习惯。1.3系统较初始版本而言，增加了学员信息导入、经营规则修改等功能，方便教师在授课过程中因材施教，制定出符合该批次学生发展规律的课程规则。
    </p>
    <br />
    <p style="padding-left: 50px ;color: #969f99;;">（大创风云大学生创业模拟沙盘在线操作系统1.3）</p>
    </body>
    <img src="/images/login/title.png" class="titleimg" >
    <p class="titleword">硬件系统</p>
    <br />
    <img src="/images/login/img_02.png" class="img_02">
    <p style="padding-left: 60px ; width: 630px;line-height: 150%;text-indent: 2em">
        大创风云大学生创业模拟沙盘硬件系统同样为教学辅助系统，旨使沙盘课程中一些抽象的概念更加的具体化，增加授课过程中的趣味性和创业模拟的真实性
    </p>
    <br />
    <br />
    <br />
    <br />
    </div>
</div>


</html>